<div class="col-md-{{widget.width}}" >
  <div class="box box-solid" style="z-index: 99;background-color: rgba(255,255,255,1.0)">
    <div class="box-header" (mouseover)="x=true" (mouseleave)="x=false" style="color: #333;">
      <!--<i class="fa fa-bar-chart-o"></i>-->
      <h3 class="box-title">{{widget.name}}</h3>
      <div class="box-tools pull-right" [hidden]="!x" >
        <button name="reload_{{widget.widget.id}}" type="button" class="btn btn-box-tool" (click)="reload()"><i class="fa fa-refresh"></i>
        </button>
        <button type="button" class="btn btn-box-tool" ng-if="widgetCfg" ng-click="config(widget)"><i
          class="fa fa-wrench"></i>
        </button>
        <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
        </button>
        <button type="button" class="btn btn-box-tool" ng-click="modalChart(widget)"><i
          class="fa fa-square-o"></i>
        </button>
      </div>
    </div>
    <div class="box-body" id="id-{{widget.widgetId}}" [ngStyle]="{height:myheight+'px'}" style="padding: 3px 0px 3px 13px;">
      <!-- <div class="overlay" *ngIf="widget.loading == true && widget.hasRole != false">
        <i class="fa fa-refresh fa-spin"></i>
      </div> -->
      <div class="overlay" *ngIf="true">
        <i class="fa fa-refresh fa-spin"></i>
      </div>
      <!-- <div *ngIf="widget.hasRole == false" class="col-md-{{widget.width}}"> -->
      <div *ngIf="false" class="col-md-10">
        <div class="box box-solid">
          <div class="box-header">
            <i class="fa fa-bar-chart-o"></i>
            <h3 class="box-title">{{widget.name}}</h3>
            <div class="box-tools pull-right">
              <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
              </button>
            </div>
          </div>
          <div class="box-body" ng-style="{height:row.height?row.height:300+'px'}">
            {{'ADMIN.CONTACT_ADMIN' | translate}}：<br>
            <ul>
              <li *ngFor="let ri of widget.roleInfo"> {{ri.type | translate}}：{{ri.name}}</li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
